﻿<controls:MetroWindow xmlns:Toolkit="clr-namespace:Xceed.Wpf.Toolkit;assembly=Xceed.Wpf.Toolkit" x:Class="GroepEF4.AdminWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"
        Title="Admin Gedeelte" Height="512.26" Width="992.52"
        Icon="Img\SamenSterker.ico" Topmost="True" ShowIconOnTitleBar="False"
        GlowBrush="{DynamicResource AccentColorBrush}"
        WindowStartupLocation="CenterScreen"
        EnableDWMDropShadow="True"
        ResizeMode="CanResizeWithGrip" Loaded="MetroWindow_Loaded">

    <Window.Resources>
        <Style TargetType="{x:Type Image}">
            <Setter Property="RenderOptions.BitmapScalingMode" 
               Value="HighQuality" />
        </Style>
    </Window.Resources>

    <controls:MetroWindow.Flyouts>
        <controls:FlyoutsControl>
            <controls:Flyout 
                             Width="500"
                             Header="Contract toevoegen"
                             Position="Right"
                             Theme="Dark"
                             IsPinned="false">
                <Grid Margin="10">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <ScrollViewer Grid.Row="1"
                                  VerticalScrollBarVisibility="Auto">
                        <StackPanel Orientation="Vertical">
                            <Label Content="Bedrijf:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,20,0,0"/>
                            <ComboBox Name="cboCompany" DisplayMemberPath="Name" />
                            <Label Content="Contract Formule:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <ComboBox Name="cboFormule" DisplayMemberPath="Description"/>
                            <Label Content="Begin:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <Toolkit:DateTimePicker Name="DateBegin" Foreground="White" ValueChanged="DateBegin_ValueChanged"/>
                            <Label Content="Einde:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <Toolkit:DateTimePicker Name="DateEnd" Foreground="White"/>
                        </StackPanel>
                    </ScrollViewer>
                    <UniformGrid Columns="2"
                                 Grid.Row="2"
                                 Margin="10">
                        <Button Style="{DynamicResource SquareButtonStyle}"
                                Margin="10"
                                Content="Toevoegen" 
                                Background="#1d1d1d"
                                Foreground="White"
                                Click="AddContractButton_Click"/>
                        <Button Style="{DynamicResource SquareButtonStyle}"
                                Margin="10"
                                Content="Annuleren" 
                                Background="#1d1d1d"
                                Foreground="White"
                                Click="AddContract_Click"/>
                    </UniformGrid>
                </Grid>
            </controls:Flyout>

            <controls:Flyout 
                             Width="500"
                             Header="Contract Wijzigen"
                             Position="Right"
                             Theme="Dark"
                             IsPinned="false">
                <Grid Margin="10">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <ScrollViewer Grid.Row="1"
                                  VerticalScrollBarVisibility="Auto">
                        <StackPanel Orientation="Vertical">
                            <Label Content="Bedrijf:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,20,0,0"/>
                            <ComboBox Name="cboCompany2" DisplayMemberPath="Name"  SelectedValue = "{Binding CompanyId}" SelectedValuePath="Id"/>
                            <Label Content="Contract Formule:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <ComboBox Name="cboFormula2" DisplayMemberPath="Description"  SelectedValue = "{Binding LocatieId}" SelectedValuePath="Id"/>
                            <Label Content="Begin:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <Toolkit:DateTimePicker Name="DateBegin2" Foreground="White"/>
                            <Label Content="Einde:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <Toolkit:DateTimePicker Name="DateEnd2" Foreground="White"/>

                        </StackPanel>
                    </ScrollViewer>
                    <UniformGrid Columns="2"
                                 Grid.Row="2"
                                 Margin="10">
                        <Button Style="{DynamicResource SquareButtonStyle}"
                                Margin="10"
                                Content="Wijzig" 
                                Background="#1d1d1d"
                                Foreground="White"
                                Click="UpdateContractButton_Click"/>
                        <Button Style="{DynamicResource SquareButtonStyle}"
                                Margin="10"
                                Content="Annuleren" 
                                Background="#1d1d1d"
                                Foreground="White"
                                Click="UpdateContract_Click"/>
                    </UniformGrid>
                </Grid>
            </controls:Flyout>

            <controls:Flyout 
                             Width="500"
                             Header="Contract Stop Zetten"
                             Position="Right"
                             Theme="Dark"
                             IsPinned="false">
                <Grid Margin="10">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <ScrollViewer Grid.Row="1"
                                  VerticalScrollBarVisibility="Auto">
                        <StackPanel Orientation="Vertical">
                            <Label Content="Bedrijf:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,20,0,0"/>
                            <ComboBox Name="cboCompany3" DisplayMemberPath="Name"  SelectedValue = "{Binding CompanyId}" SelectedValuePath="Id"/>
                            <Label Content="Locatie:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <ComboBox Name="cboLocatie3" DisplayMemberPath="Name"  SelectedValue = "{Binding LocatieId}" SelectedValuePath="Id"/>

                        </StackPanel>
                    </ScrollViewer>
                    <UniformGrid Columns="2"
                                 Grid.Row="2"
                                 Margin="10">
                        <Button Style="{DynamicResource SquareButtonStyle}"
                                Margin="10"
                                Content="Wijzig" 
                                Background="#1d1d1d"
                                Foreground="White"
                                Click="StopContractButton_Click"/>
                        <Button Style="{DynamicResource SquareButtonStyle}"
                                Margin="10"
                                Content="Annuleren" 
                                Background="#1d1d1d"
                                Foreground="White"
                                Click="StopContract_Click"/>
                    </UniformGrid>
                </Grid>
            </controls:Flyout>

            <controls:Flyout 
                             Width="500"
                             Header="Contract Verwijderen"
                             Position="Right"
                             Theme="Dark"
                             IsPinned="false">
                <Grid Margin="10">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <ScrollViewer Grid.Row="1"
                                  VerticalScrollBarVisibility="Auto">
                        <StackPanel Orientation="Vertical">
                            <Label Content="Bedrijf:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,20,0,0"/>
                            <ComboBox Name="cboCompany4" DisplayMemberPath="Name"  SelectedValue = "{Binding CompanyId}" SelectedValuePath="Id"/>
                            <Label Content="Locatie:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <ComboBox Name="cboLocatie4" DisplayMemberPath="Name"  SelectedValue = "{Binding LocatieId}" SelectedValuePath="Id"/>

                        </StackPanel>
                    </ScrollViewer>
                    <UniformGrid Columns="2"
                                 Grid.Row="2"
                                 Margin="10">
                        <Button Style="{DynamicResource SquareButtonStyle}"
                                Margin="10"
                                Content="Wijzig" 
                                Background="#1d1d1d"
                                Foreground="White"
                                Click="DeleteContractButton_Click"/>
                        <Button Style="{DynamicResource SquareButtonStyle}"
                                Margin="10"
                                Content="Annuleren" 
                                Background="#1d1d1d"
                                Foreground="White"
                                Click="DeleteContract_Click"/>
                    </UniformGrid>
                </Grid>
            </controls:Flyout>
            <controls:Flyout 
                             Width="500"
                             Header="Bedrijf Toevoegen"
                             Position="Right"
                             Theme="Dark"
                             IsPinned="false">
                <Grid Margin="10">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <ScrollViewer Grid.Row="1"
                                  VerticalScrollBarVisibility="Auto">
                        <StackPanel Orientation="Vertical">
                            <Label Content="Naam:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,20,0,0"/>
                            <TextBox Name="txtCompanyName"/>
                            <Label Content="Straat:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <TextBox Name="txtCompanyStreet" />
                            <Label Content="Zipcode:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <TextBox Name="txtCompanyZipcode" />
                            <Label Content="Stad:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <TextBox Name="txtCompanyCity" />
                            <Label Content="Land:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <TextBox Name="txtCompanyCountry" />
                            <Label Content="Mailadres:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <TextBox Name="txtCompanyMail" />
                            <Label Content="Telefoon:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <TextBox Name="txtCompanyTelephone" />
                            <Label Content="aantal personeel:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <TextBox Name="txtCompanyEmployees" />
                        </StackPanel>
                    </ScrollViewer>
                    <UniformGrid Columns="2"
                                 Grid.Row="2"
                                 Margin="10">
                        <Button Style="{DynamicResource SquareButtonStyle}"
                                Margin="10"
                                Content="Toevoegen" 
                                Background="#1d1d1d"
                                Foreground="White"
                                Click="AddCompanyButton_Click"/>
                        <Button Style="{DynamicResource SquareButtonStyle}"
                                Margin="10"
                                Content="Annuleren" 
                                Background="#1d1d1d"
                                Foreground="White"
                                Click="AddCompany_Click"/>
                    </UniformGrid>
                </Grid>
            </controls:Flyout>
            <controls:Flyout 
                             Width="500"
                             Header="Bedrijf Wijzigen"
                             Position="Right"
                             Theme="Dark"
                               IsPinned="false">
                <Grid Margin="10">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <ScrollViewer Grid.Row="1"
                                  VerticalScrollBarVisibility="Auto">
                        <StackPanel Orientation="Vertical">
                            <Label Content="Naam:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,20,0,0"/>
                            <TextBox Name="txtCompanyName2"/>
                            <Label Content="Straat:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <TextBox Name="txtCompanyStreet2" />
                            <Label Content="Zipcode:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <TextBox Name="txtCompanyZipcode2" />
                            <Label Content="Stad:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <TextBox Name="txtCompanyCity2" />
                            <Label Content="Land:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <TextBox Name="txtCompanyCountry2" />
                            <Label Content="Mailadres:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <TextBox Name="txtCompanyMail2" />
                            <Label Content="Telefoon:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <TextBox Name="txtCompanyTelephone2" />
                            <Label Content="aantal personeel:" FontSize="12" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="White" Margin="0,30,0,0"/>
                            <TextBox Name="txtCompanyEmployees2" />

                        </StackPanel>
                    </ScrollViewer>
                    <UniformGrid Columns="2"
                                 Grid.Row="2"
                                 Margin="10">
                        <Button Style="{DynamicResource SquareButtonStyle}"
                                Margin="10"
                                Content="Wijzig" 
                                Background="#1d1d1d"
                                Foreground="White"
                                Click="UpdateCompanyButton_Click"/>
                        <Button Style="{DynamicResource SquareButtonStyle}"
                                Margin="10"
                                Content="Annuleren" 
                                Background="#1d1d1d"
                                Foreground="White"
                                Click="EditCompany_Click"/>
                    </UniformGrid>
                </Grid>
            </controls:Flyout>
        </controls:FlyoutsControl>
    </controls:MetroWindow.Flyouts>

    <Grid Margin="0,0,-0.4,-1.6">
        <Image Source="Img\SamenSterker.png" Margin="20,10,0,0" VerticalAlignment="Top" HorizontalAlignment="Left" Width="90" Height="90" RenderOptions.EdgeMode="Aliased"/>
        <Button x:Name="LogOutButton" Click="LogOutButton_Click" HorizontalAlignment="Right" Margin="0,10,10,0"  VerticalAlignment="Top" Width="60" Style="{DynamicResource MetroCircleButtonStyle}" Height="60">
            <Rectangle Fill="#7f8c8d" Height="29" RenderTransformOrigin="0.5,0.5" Width="27" >
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleY="-1" ScaleX="-1"/>
                        <SkewTransform/>
                        <RotateTransform Angle="-180.033"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
                <Rectangle.OpacityMask>
                    <VisualBrush Visual="{StaticResource appbar_door_leave}" Stretch="Fill" />
                </Rectangle.OpacityMask>
            </Rectangle>
        </Button>

        <TabControl>
            <TabItem Header="Kalender" Margin="125,34,-124,-35">
                <Grid HorizontalAlignment="Right" Margin="0,0,0,-0.2" Width="1188">
                    <Viewbox Margin="300,100,635,94.2">
                        <Calendar x:Name="CalenderReservation" SelectedDatesChanged="CalenderReservation_SelectedDatesChanged">
                        </Calendar>
                    </Viewbox>
                    <DataGrid x:Name="CalenderGridAdmin" AutoGenerateColumns="False" IsReadOnly="True" HorizontalAlignment="Left" Margin="583,114,0,0" VerticalAlignment="Top" Height="312" Width="551">
                        <DataGrid.Columns>
                            <DataGridTextColumn Binding="{Binding Path=CompanyName}" Header="Bedrijf"/>
                            <DataGridTextColumn Binding="{Binding Path=LocationName}" Header="Locatie"/>
                            <DataGridTextColumn Binding="{Binding Path=StartDate}" Header="Startdatum"/>
                            <DataGridTextColumn Binding="{Binding Path=EndDate}" Header="Einddatum"/>
                            <DataGridTextColumn Binding="{Binding Path=CreateDate}" Header="Aanmaak datum"/>
                        </DataGrid.Columns>
                    </DataGrid>
                </Grid>
            </TabItem>
            <TabItem Header="Contracten" Margin="125,34,-124,-35">
                <Grid Margin="0,0,0,-0.4">
                    <Label Content="Opkomende en lopende Contracten" FontSize="16pt" Margin="67,69,517,324.4"/>
                    <DataGrid x:Name="ContractOpkomendGrid" AutoGenerateColumns="False" IsReadOnly="True" HorizontalAlignment="Left" Margin="67,112,0,0" VerticalAlignment="Top" Height="153" Width="auto" >
                        <DataGrid.Columns>
                            <DataGridTextColumn Binding="{Binding Path=CompanyName}" Header="Bedrijf"/>
                            <DataGridTextColumn Binding="{Binding Path=Description}" Header="Contract Formula"/>
                            <DataGridTextColumn Binding="{Binding Path=StartDate}" Header="Startdatum"/>
                            <DataGridTextColumn Binding="{Binding Path=EndDate}" Header="Einddatum"/>
                        </DataGrid.Columns>
                    </DataGrid>
                    <Label Content="Afgelopen Contracten" FontSize="16pt" Margin="67,265,517,132.4"/>
                    <DataGrid x:Name="ContractAfgelopenGrid" AutoGenerateColumns="False" IsReadOnly="True" HorizontalAlignment="Left" Margin="67,304,0,0" VerticalAlignment="Top" Height="auto" Width="auto">
                        <DataGrid.Columns>
                            <DataGridTextColumn Binding="{Binding Path=CompanyName}" Header="Bedrijf"/>
                            <DataGridTextColumn Binding="{Binding Path=Description}" Header="Contract Formula"/>
                            <DataGridTextColumn Binding="{Binding Path=StartDate}" Header="Startdatum"/>
                            <DataGridTextColumn Binding="{Binding Path=EndDate}" Header="Einddatum"/>
                        </DataGrid.Columns>
                    </DataGrid>
                    <Button x:Name="AddContract" Click="AddContract_Click" HorizontalAlignment="right" Margin="0,80,10,0"  VerticalAlignment="Top" Width="60" Style="{DynamicResource MetroCircleButtonStyle}" Height="60">
                        <Rectangle Fill="#7f8c8d" Height="35" RenderTransformOrigin="0.5,0.5" Width="35" >
                            <Rectangle.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform ScaleY="-1" ScaleX="-1"/>
                                    <SkewTransform/>
                                    <RotateTransform/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Rectangle.RenderTransform>
                            <Rectangle.OpacityMask>
                                <VisualBrush Visual="{StaticResource appbar_add}" Stretch="Fill" />
                            </Rectangle.OpacityMask>
                        </Rectangle>
                    </Button>
                    <Button x:Name="EditContract" Click="UpdateContract_Click" Margin="0,140,10,0" Style="{DynamicResource MetroCircleButtonStyle}" Width="60" Height="60" VerticalAlignment="Top" HorizontalAlignment="Right">
                        <Rectangle Fill="#7f8c8d" Height="26" RenderTransformOrigin="0.5,0.5" Width="27">
                            <Rectangle.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform ScaleY="-1" ScaleX="-1"/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="178.344"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Rectangle.RenderTransform>
                            <Rectangle.OpacityMask>
                                <VisualBrush Visual="{StaticResource appbar_edit}" Stretch="Fill" />
                            </Rectangle.OpacityMask>
                        </Rectangle>
                    </Button>
                    <Button x:Name="StopContract" Click="DeleteContractButton_Click" Margin="0,260,10,0" Style="{DynamicResource MetroCircleButtonStyle}" Width="60" Height="60" VerticalAlignment="Top" HorizontalAlignment="Right">
                        <Rectangle Fill="#7f8c8d" Height="26" RenderTransformOrigin="0.5,0.5" Width="27">
                            <Rectangle.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform ScaleY="-1" ScaleX="-1"/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="178.344"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Rectangle.RenderTransform>
                            <Rectangle.OpacityMask>
                                <VisualBrush Visual="{StaticResource appbar_delete}" Stretch="Fill" />
                            </Rectangle.OpacityMask>
                        </Rectangle>
                    </Button>
                    <Button x:Name="RemoveContract" Click="StopContract_Click" Margin="0,200,10,0" Style="{DynamicResource MetroCircleButtonStyle}" Width="60" Height="60" VerticalAlignment="Top" HorizontalAlignment="Right">
                        <Rectangle Fill="#7f8c8d" Height="26" RenderTransformOrigin="0.5,0.5" Width="27">
                            <Rectangle.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform ScaleY="-1" ScaleX="-1"/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="178.344"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Rectangle.RenderTransform>
                            <Rectangle.OpacityMask>
                                <VisualBrush Visual="{StaticResource appbar_stop}" Stretch="Fill" />
                            </Rectangle.OpacityMask>
                        </Rectangle>
                    </Button>
                </Grid>
            </TabItem>

            <TabItem Header="ContractFormules" Margin="125,34,-124,-35">
                <Grid Margin="0,0,0,-0.4">
                    <Label Content="Contractformule" FontSize="16pt" Margin="128,62,0,0"/>
                    <DataGrid x:Name="ContractFormulaGrid" AutoGenerateColumns="False" HorizontalAlignment="Left"  IsReadOnly="True" Margin="128,104,0,0" VerticalAlignment="Top" Height="322" Width="786">
                        <DataGrid.Columns>
                            <DataGridTextColumn Binding="{Binding Path=Description}" Header="Beschrijving"/>
                            <DataGridTextColumn Binding="{Binding Path=MaxUsageHoursPerPeriod}" Header="Max uur/periode"/>
                            <DataGridTextColumn Binding="{Binding Path=PeriodInMonths}" Header="Periode"/>
                            <DataGridTextColumn Binding="{Binding Path=NoticePeriodInMonths}" Header="Notice Periode"/>
                            <DataGridTextColumn Binding="{Binding Path=Price}" Header="Prijs"/>
                        </DataGrid.Columns>
                    </DataGrid>
                </Grid>
            </TabItem>

            <TabItem Header="Bedrijven" Margin="125,34,-124,-35">
                <Grid Margin="0,0,0,-0.4">
                    <DataGrid x:Name="CompanyGrid" IsReadOnly="True" AutoGenerateColumns="False" HorizontalAlignment="Left" Margin="129,80,0,0" VerticalAlignment="Top" Height="240" Width="738">
                        <DataGrid.Columns>
                            <DataGridTextColumn Binding="{Binding Path=Name}" Header="Naam"/>
                            <DataGridTextColumn Binding="{Binding Path=Street}" Header="Straat"/>
                            <DataGridTextColumn Binding="{Binding Path=Zipcode}" Header="Zipcode"/>
                            <DataGridTextColumn Binding="{Binding Path=City}" Header="Stad"/>
                            <DataGridTextColumn Binding="{Binding Path=Country}" Header="Land"/>
                            <DataGridTextColumn Binding="{Binding Path=Email}" Header="Email"/>
                            <DataGridTextColumn Binding="{Binding Path=Phone}" Header="Telefoonnummer"/>
                            <DataGridTextColumn Binding="{Binding Path=Employees}" Header="Medewerkers"/>

                        </DataGrid.Columns>
                    </DataGrid>
                    <Button x:Name="AddCompany" Click="AddCompany_Click" HorizontalAlignment="right" Margin="0,80,10,0"  VerticalAlignment="Top" Width="60" Style="{DynamicResource MetroCircleButtonStyle}" Height="60">
                        <Rectangle Fill="#7f8c8d" Height="35" RenderTransformOrigin="0.5,0.5" Width="35" >
                            <Rectangle.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform ScaleY="-1" ScaleX="-1"/>
                                    <SkewTransform/>
                                    <RotateTransform/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Rectangle.RenderTransform>
                            <Rectangle.OpacityMask>
                                <VisualBrush Visual="{StaticResource appbar_add}" Stretch="Fill" />
                            </Rectangle.OpacityMask>
                        </Rectangle>
                    </Button>



                    <Button x:Name="EditCompany" Click="EditCompany_Click" Margin="0,140,10,0" Style="{DynamicResource MetroCircleButtonStyle}" Width="60" Height="60" VerticalAlignment="Top" HorizontalAlignment="Right">
                        <Rectangle Fill="#7f8c8d" Height="26" RenderTransformOrigin="0.5,0.5" Width="27">
                            <Rectangle.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform ScaleY="-1" ScaleX="-1"/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="178.344"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Rectangle.RenderTransform>
                            <Rectangle.OpacityMask>
                                <VisualBrush Visual="{StaticResource appbar_edit}" Stretch="Fill" />
                            </Rectangle.OpacityMask>
                        </Rectangle>
                    </Button>
                    <Button x:Name="RemoveCompany" Click="DeleteCompany_Click" Margin="0,200,10,0" Style="{DynamicResource MetroCircleButtonStyle}" Width="60" Height="60" VerticalAlignment="Top" HorizontalAlignment="Right">
                        <Rectangle Fill="#7f8c8d" Height="26" RenderTransformOrigin="0.5,0.5" Width="27">
                            <Rectangle.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform ScaleY="-1" ScaleX="-1"/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="178.344"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Rectangle.RenderTransform>
                            <Rectangle.OpacityMask>
                                <VisualBrush Visual="{StaticResource appbar_delete}" Stretch="Fill" />
                            </Rectangle.OpacityMask>
                        </Rectangle>
                    </Button>

                </Grid>
            </TabItem>
            

        </TabControl>
    </Grid>
</controls:MetroWindow>
